/*
	Author: PSD Booster.
	Author URI: http://www.psdbooster.com/
*/



/****************************************************************************
CSS RESET
****************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio,
video {	margin: 0; 	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table {	border-collapse: collapse; border-spacing: 0; }


/****************************************************************************
BASIC STYLES
****************************************************************************/

body { font-family:'Oswald', sans-serif; color: #fefefe; overflow-x: hidden; }

a {font-family:'Oswald', sans-serif ; font-size: 14px ; color: #fefefe;  text-decoration: none; }
a:hover { text-decoration: none; }
a:focus { outline: none; }
a:hover, a:active { outline: 0; outline: none; }

h1, h2, h3, h4, h5, h6 { font-family: 14px 'Oswald', sans-serif; color: #fefefe; }
h1 { font-weight: 700; font-size: 30px !important; font-family:'Oswald', sans-serif; }
h1 a { color: #000; }
h2 { font-size: 24px; font-family:'Oswald', sans-serif; font-weight: 700; padding-top: 40px; text-align: center;}
h2 a { color: #000; }
h3 { font-size: 18px !important; font-family:'Oswald', sans-serif;   }
h3 a { color: #000; }
h4 { font-size: 14px; font-weight: 700; font-family:'Oswald', sans-serif; color:#202020;}
h4 a { color: #000; }
h5 { font-size: 12px !important;  font-family:'Oswald', sans-serif;}
h5 a { color: #000; }
h6 { font-size: 12px; font-family:'Open Sans', sans-serif; padding-left: 18px; color: #c6c6c6;}
h6 a { color: #000; }

ul li {font-family:'Open Sans', sans-serif; font-size: 12px; float: left;}
ul li a {font-family:'Oswald', sans-serif !important; font-size: 14px; color: #fefefe; }

b { font-weight: 700; font-size: 36px; font-family: 'Oswald', sans-serif; color: #ffffff; margin-bottom: 40px; display: block; }
sup { font-weight: 700; font-size: 18px !important; font-family: 'Oswald', sans-serif; top: -17px; }
p { font: 12px 'Open Sans', sans-serif; color: #777777; }
p strong { font-weight: 300; font-size: 13px; font-family:'Open Sans', sans-serif; color: #717171; }
em { font-size: 14px; font-family:'Oswald', sans-serif; color: #ffffff; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/****************************************************************************
Header
****************************************************************************/
header { background: #202020; width: 100%; z-index: 9999; }
header .logo { text-align: center; }
header .logo > a { display: inline-block; font-family: 'Raleway', sans-serif; font-weight: 800; font-size: 24px; padding: 36px 0; }
header .menu nav { line-height: 101px; float: right; }
header .menu nav ul li { float: left; margin-right: 10px; font-family:'Oswald', sans-serif; }
header .menu nav ul li:last-child { margin-right: 0; }
header .menu nav a { padding: 8px 14px; }
header .slicknav_menu { display:none; }
header a strong { color: #BFD52F; }

/****************************************************************************
Slider
****************************************************************************/
.home-slider { width: 100%; position: relative; margin-bottom: 48px; overflow: hidden; }
.home-slider h5 { line-height: normal; padding: 9px 12px; display: inline-block; }
.home-slider h1 { line-height: normal; }
.home-slider h1 span { padding: 15px 18px; color: #fefefe; background: #222221; display:inline-block; }
.home-slider h3 { line-height: normal; padding: 10px 25px; background: #232322; display: inline-block; }
.home-slider img { max-width: inherit !important; }

.home-slider .phone-num-wraper {  width: 100%; position: absolute; top: 0; left: 0px; }
.home-slider .phone-num-inner-wraper { width: 100%; max-width: 1170px; margin: 0 auto; position: relative; }
.home-slider .phone-num { z-index: 99; position: absolute; top: 0; right: 0; font-style: normal; padding: 8px 25px 8px 50px; }
.home-slider .phone-num span { position: absolute; background: url("../images/phone-icon.png") center center no-repeat; padding: 18px 18px 19px 18px; left: 0; top: 0; }

.fullwidthbanner-container{
    width:100% !important;
    position:relative;
    padding:0;
    max-height:581px !important;
    overflow:hidden;
}


/****************************************************************************
Welcome
****************************************************************************/
.welcome .heading { text-align: center; margin-bottom: 47px; }
.welcome .heading h1 { color: #202020; margin: 0px 0px 6px; }
.welcome .heading p { font-family: 'Droid Serif', serif; font-size: 16px; color: #a2a2a2; font-style: italic; }

.welcome .features { margin-bottom: 42px; text-align: center; }
.welcome .features img { display: inline-block; }
.welcome .features h3 { margin-bottom: 20px; font-weight: bold; line-height: 26px; color: #202020; }
.welcome .features p { font-size: 13px; line-height: 21px; margin-bottom: 22px }

/****************************************************************************
Camp
****************************************************************************/
.beginnerwrap { display:flex; width:160px; margin:0 auto; padding:5px; background:#E25050; transform:skew(-10deg);}
.beginnertext { color: white; font-size: 18px; font-weight:500; transform:skew(10deg); width: 100%; text-align:center; }
.camp .heading { text-align: center; margin-bottom: 47px; }
.camp .heading h1 { color: #202020; margin: 0px 0px 6px; }
.camp .heading p { font-family: 'Droid Serif', serif; font-size: 16px; color: #a2a2a2; font-style: italic; }

.camp .features { margin-bottom: 42px; text-align: center; }
.camp .features img { display: inline-block; }
.camp .features h3 { margin-bottom: 20px; font-weight: bold; line-height: 26px; color: #202020; }
.camp .features p { font-size: 13px; line-height: 21px; margin-bottom: 22px }


/****************************************************************************
Trainer
****************************************************************************/
.trainers { background: url(../images/trainer-bg.png) no-repeat; padding-bottom: 55px; background-size: cover; }

.heading { margin-bottom: 63px; }
.heading h2 { padding-top: 52px; color: #ffffff; position: relative; }
.heading h2 span { width: 45px; height: 1px; background: #ffffff; position: absolute; bottom: -3px; margin-left: -22px; left: 50%; }

.trainer {  margin-bottom: 30px; position: relative; overflow: hidden; max-width: 270px; }
.trainer .member-name { padding: 18px 20px; background: #ffffff; max-width: 230px; }
.trainer figure a { display: block; line-height: 0; }
.trainer h5 { color: #afafaf; }

.trainer .overlay { width: 100%; max-width: 270px; height: 100%; background: #fff; position: absolute; top: 314px; left: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.trainer .overlay p { margin-left: 20px; }
.trainer:hover .overlay { top: 0; }
.trainer .overlay h4 { margin-top: 28px; margin-left: 20px; }
.trainer .overlay h5 { margin-bottom: 20px; margin-left: 20px; }
.trainer .overlay .member-social { vertical-align: middle; position: absolute; bottom: 8%; left: 20px; }
.trainer .overlay .member-social a { display: inline-block; width: 15px; height: 15px; margin: 0px 6px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.trainer .overlay .member-social a:hover { background-position: center bottom; }


/****************************************************************************
Gallery
****************************************************************************/
.gallery .heading { margin-bottom: 62px; }
.gallery .heading h2 { color: #202020; margin-bottom: 25px; padding-top: 52px; }
.gallery .heading h2 span { background: #202020; }
.gallery .heading p { line-height: 21px; text-align: center; }
.gallery .gallery-pics { margin-bottom: 30px; }
.gallery .gallery-pics .span3 { margin-bottom: 30px; }
.gallery .gallery-pics a { display: block; overflow: hidden; line-height: 0; margin-bottom: 10px; position: relative; }
.gallery .gallery-pics a span { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.gallery .gallery-pics a:hover span { display: block; }
.gallery .gallery-pics h4 { margin-bottom: 3px; }
.gallery .gallery-pics p { font: 12px 'Oswald'; }


/****************************************************************************
Pricing
****************************************************************************/
.pricing .heading { margin-bottom: 63px; }
.pricing .heading h2 { padding-top: 73px; }
.pricing .plans { text-align: center; margin-bottom: 60px; border: 2px solid #ccc; }
.pricing .plans h3 { padding-top: 45px; font-weight: 700; margin-bottom: 36px; }
.pricing .plans ul { margin-bottom: 27px; }
.pricing .plans ul li { font-size: 14px; float: none; display: block; width: 100%; margin: 0px 0px 17px; }
.pricing .plans ul li span { display: inline-block; background: url(../images/tick.png) no-repeat left center; padding-left: 32px; color: #ffffff; }
.pricing .plans .signup-btn { font-size: 18px; line-height: 54px; display: block; max-width: 230px; margin: 0 auto 60px; height: 54px; color: #fff; text-align: center; }
.pricing .plans:hover, .pricing .plans.selected { border-color: #ffffff; }
.pricing .plans:hover .signup-btn, .pricing .plans.selected .signup-btn { background: #fff; }


/****************************************************************************
Partners
****************************************************************************/
.partners { padding-bottom: 65px; }
.partners .heading { margin-bottom: 61px; }
.partners .heading h2 { color: #000; padding-top: 54px; }
.partners .heading h2 span { background: #000; }
.partners .caroufredsel_wrapper { margin: 0 auto !important; width: 90% !important; height: 45px !important; }
.partners .carousal { position: relative; }
.partners ul li { padding: 0 32px; text-align: center; float: left; }
.partners .next { background: url(../images/slider-arrow-right.png) no-repeat ; float: right; width: 11px; height: 19px; position: absolute; right: 0; top: 50%; margin-top: -9px; }
.partners .prev { background: url(../images/slider-arrow-left.png) no-repeat ; float: left; width: 11px; height: 19px; position: absolute; left: 0; top: 50%; margin-top: -9px; }


/****************************************************************************
Footer
****************************************************************************/
footer { background: #202020; }
footer .social-network p { background: url(../images/twitter.png) left center no-repeat; color: #c6c6c6; font-size: 13px; line-height: 21px; padding: 32px 0 28px 40px; width: 590px; max-width: 100%; float: left; margin-bottom: 0; }
footer .social-network { border-bottom: 1px solid #323232; }

footer .social-icon { vertical-align: middle; float: right; padding: 42px 0 38px; }
footer .social-icon a { display: inline-block; width: 15px; height: 15px; margin: 0px 6px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
footer .social-icon a:hover { background-position: center bottom; }

footer .contact { background: url(../images/footer-bg.png) no-repeat center center; padding-top: 60px; }
footer .contact h4 { color: #ffffff;  padding-bottom: 20px; }

footer .contact-info p { font-size: 12px; line-height: 21px; padding-right: 100px; margin-bottom: 22px; float: none; padding: 0; display: inline-block; }
footer .contact-info .mobile { background: url(../images/mobile-icon.png) no-repeat left center; }
footer .contact-info .email { background: url(../images/email-icon.png) no-repeat left center; font-family:'Open Sans', sans-serif; font-size: 12px; color: #c6c6c6; padding-left: 18px; margin-top: 5px; }

footer .send-message { margin-bottom: 89px; }
footer .send-message h4 { padding-bottom: 27px; }
footer .send-message input[type="text"] { font-family:'Oswald', sans-serif; font-size: 12px; padding: 6px 10px; width: 190px; margin-right: 15px; margin-bottom: 16px; border: 1px solid #4f4f4f; color: #565656; background: transparent; outline: none; border-radius: 0px; }
footer .send-message input[type="text"].last { margin-right: 0px; width: 188px; }
footer .send-message textarea { font-family:'Oswald', sans-serif; font-size: 12px; float: left; padding: 10px; width: 420px; min-height: 90px; resize: none; margin-right:18px; border: 1px solid #4f4f4f; color: #565656; background: transparent; outline: none; border-radius: 0px; }
footer .send-message input[type="submit"] { font-family:'Oswald', sans-serif; font-size: 14px; color: #ffffff;  border: none; padding: 9px 54px 9px 20px; margin-bottom: 9px; background: /*#e25050*/ url(../images/right-arrow.png) no-repeat 180px center; outline: none;}
footer .send-message h6 { padding: 0; color: #707070; display: inline-block;}
footer .send-message label.error { display: none !important; }
footer .send-message input.valid { background: #69be5e; color: #fff; }
footer .send-message input.error { background: #e25050; color: #fff; }

footer .footer-bottom { padding-bottom: 40px; }
footer .footer-bottom p { float: left !important; margin-bottom: 0; font-weight: 300; font-family: 'Open Sans'; }
footer .footer-bottom a { text-decoration: none; font-weight: 300; font-size: 12px; font-family: 'Open Sans'; }
footer .footer-bottom a.gotop { float: right; }
footer .footer-bottom a:hover { text-decoration: underline; }


#styler { width: 20px; padding: 10px 10px 0; background: #fff; position: fixed; top: 50%; left: 0; z-index: 999; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
#styler a { display: block; width: 20px; height: 20px; border-radius: 50%; text-indent: -9999px; margin-bottom: 10px; }
#styler a.red { background: #e25050; }
#styler a.orange { background: #ff9000; }
#styler a.green { background: #3d9d5f; }
#styler a.cyan { background: #00c0ff; }
#styler a.blue { background: #5064e2; }